@layout("/common/_container.html",{js:["/assets/common/libs/echarts/echarts.min.js","/assets/common/libs/echarts/echartsTheme.js","/assets/modular/ec/blocSyn/blocSyn.js","/assets/expand/plugins/jquery/jquery-3.2.1.min.js"]}){

<div id="myContiner" style="height: 100%">
    <div class="ui-layout-center">
        <div class="layui-fluid">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-body">
                            <div class="layui-form toolbar">
                                <input id="defaultPassword" class="layui-input" type="hidden" value="${constants.getDefaultPassword()}"/>
                                <script type="text/html" id="toolbarDemo">
                                    <div class="layui-form-item">
                                        集团信息查询账号:
                                        <div class="layui-inline">
                                            <select id ="accountId" name="accountId" lay-verify="required" class="layui-select" lay-search>
                                                <option value="" checked>请选择</option>
                                            </select>
                                        </div>
                                        <div class="layui-inline">
                                            <button id="btnSearch" class="layui-btn icon-btn" lay-event="search"><i class="layui-icon">&#xe615;</i>查询</button>
                                        </div>
                                    </div>
                                </script>
                            </div>
                            <table class="layui-table" id="blocTable" lay-filter="blocTable"></table>
                            <div class="layui-fluid">
                                <div class="layui-row layui-col-space15">
                                    <div class="layui-col-xs12 layui-col-md6">
                                        <div class="layui-card">
                                            <div class="layui-card-header">
                                                <p id = "firstTitle" style="text-align: center;font-size: 25px">物联卡生命周期分布</p>
                                            </div>
                                            <div class="layui-card-body" style="height: 560px;overflow: hidden;">
                                                <div id="first" style="width: 100%;height: 450px;"></div>
                                                <p id = "firstError" style="text-align: center"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs12 layui-col-md6">
                                        <div class="layui-card">
                                            <div class="layui-card-header" style="text-align: center">
                                                <select id ="dateSecond" name="dateSecond" lay-verify="required" style="float: left">
                                                </select>
                                                <p id = "secondTitle" style="font-size: 25px;display: inline">集团总账单</p>
                                            </div>
                                            <div class="layui-card-body" style="height: 560px;overflow: hidden;">
                                                <div id="second" style="width: 100%;height: 450px;"></div>
                                                <p id = "secondError" style="text-align: center"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs12 layui-col-md6">
                                        <div class="layui-card">
                                            <div class="layui-card-header" style="text-align: center">
                                                <select id ="dateThird" name="dateThird" lay-verify="required" style="float: left">
                                                </select>
                                                <p id = "thirdTitle" style="font-size: 25px;display: inline">物联卡风险等级分布</p>
                                            </div>
                                            <div class="layui-card-body" style="height: 560px;overflow: hidden;">
                                                <div id="third" style="width: 100%;height: 450px;"></div>
                                                <p id = "thirdError" style="text-align: center"></p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="layui-col-xs12 layui-col-md6">
                                        <div class="layui-card">
                                            <div class="layui-card-header" style="text-align: center">
                                                <select id ="dateFourth" name="dateFourth" lay-verify="required" style="float: left">
                                                </select>
                                                <p id = "fourthTitle" style="font-size: 25px;display: inline">高风险物联卡类型分布</p>
                                            </div>
                                            <div class="layui-card-body" style="height: 560px;overflow: hidden;">
                                                <div id="fourth" style="width: 100%;height: 450px;"></div>
                                                <p id = "fourthError" style="text-align: center"></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="menuWhiteList">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="searchWhiteList">查看</a>
</script>

<script type="text/html" id="orderCharges">
    <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="searchOrder">查看</a>
</script>
@}